<template>
	<view class="page_box">
		<view class="head_box ">
			<yy-custom bgColor="" v-if="0">
				<block slot="backText">返回</block>
				<block slot="content">个人中心</block>
			</yy-custom>
		</view>

		<view class="content_box  padding-tb-sm">
			<view class="flex justify-between align-center padding-lr">
				<u-search placeholder="搜索专家" :show-action="false"></u-search>
				<image src="../../static/saixuan.png" mode="aspectFill" class="w36 h36 ml20" @click="show = !show"></image>
			</view>

			<scroll-view scroll-y="true" class="scroll margin-top">
				<view class="padding">
					<block v-for="(item, index) in 5" :key="index">
						<view class="padding bg-white r20 mb20 ">
							<view class="flex justify-between">
								<view class="flex">
									<image
										src="https://placeholder.idcd.com/?w=152&h=152&text=image&bgcolor=%236c757d&fontcolor=%23d3d3d3&fontsize=32&fontfamily=4"
										mode="aspectFill"
										class="w152 h152 bg-white r10"
									></image>
									<view class="flex flex-direction ml30">
										<text class="text-bold text-black f30 ">舞蹈课程</text>
										<text class="f26 text-gray mt27">机 构：舞蹈培训机构</text>
										<view class="flex f26 text-gray mt27">
											<text class="wap">上课时间:</text>
											<view class="flex flex-direction ml10">
												<text class="wap">春季14:00-18:00</text>
												<text class="f26 text-gray mt27 wap">秋季14:00-16:00</text>
											</view>
										</view>
									</view>
								</view>
								<button class="cu-btn btn" @click="$t.to('/pages/hmPage/danceMjr')">立即报名</button>
							</view>
							<text class="f24 text-gray mt27 block">截止时间：5月15日00:00-5月16日00:00</text>
						</view>
					</block>
				</view>
			</scroll-view>
		</view>
		<u-popup v-model="show" mode="top" border-radius="14" class="">
			<view class="padding">
				<view class="flex align-center">
					<text class="f26 text-black text-bold margin-right">音乐</text>
					<text class="cu-tag bg-black light r20">器乐</text>
					<text class="cu-tag bg-black light r20">器乐</text>
					<text class="cu-tag bg-black light r20">器乐</text>
					<text class="cu-tag bg-black light r20">器乐</text>
					<text class="cu-tag bg-black light r20">器乐</text>
				</view>
				<view class="flex align-center mt20">
					<text class="f26 text-black text-bold margin-right">舞蹈</text>
					<text class="cu-tag bg-black light r20">拉丁舞</text>
					<text class="cu-tag bg-black light r20">拉丁舞</text>
					<text class="cu-tag bg-black light r20">拉丁舞</text>
				</view>
				<view class="flex align-center mt20">
					<text class="f26 text-black text-bold margin-right">美术</text>
					<text class="cu-tag bg-black light r20">沙画</text>
					<text class="cu-tag bg-black light r20">沙画</text>
					<text class="cu-tag bg-black light r20">沙画</text>
				</view>
				<view class="flex align-center mt20">
					<text class="f26 text-black text-bold margin-right">书法</text>
					<text class="cu-tag bg-black light r20">隶书</text>
					<text class="cu-tag bg-black light r20">隶书</text>
					<text class="cu-tag bg-black light r20">隶书</text>
				</view>
			</view>
		</u-popup>
		<!-- 加载提示 -->
		<yy-loading text="加载中.." mask="true" click="true" ref="loading"></yy-loading>
		<!-- 信息提示-->
		<u-toast ref="uToast" />
	</view>
</template>

<script>
export default {
	data() {
		return {
			show:false
		};
	},
	onShow() {},
	onLoad(e) {},
	methods: {},
};
</script>

<style lang="scss" scoped>
.page_box {
	background-color: #fafafc;
	.head_box {
	}
	.content_box {
		.scroll {
			height: calc(100vh - 100px);
		}
		.wap {
			white-space: nowrap;
		}
		.btn {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 138rpx;
			height: 54rpx;
			background: #f07203;
			border-radius: 10rpx;
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #ffffff;
			white-space: nowrap;
		}
	}
}
</style>
